<html xmlns="http://www.w3.org/1999/xhtml" >
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" type="text/css" media="all" href="../js/ExtJs/resources/css/ext-all.css" />
  <script type="text/javascript" src="../js/ExtJs/adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="../js/ExtJs/ext-all.js"></script>
  <script type="text/javascript" src="../js/ExtJs/locale/ext-lang-zh_CN.js"></script>
 </head>
 <body>
<script type="text/javascript"> 
    Ext.onReady(function(){
	Ext.namespace('yutel.mod');
	yutel.mod.modMainPanel = Ext.extend(Ext.Panel, {
		initComponent : function() {
			Ext.apply(this, {
			  frame : true,
			  border : true,
			  layout : 'border',
			  items : [{
				 title :'north',
				 region : 'north',
				 height : 70,
				 html :'ggggggggggggg'
				}, {
				 title :'center',
				 region : 'center',
				 html :'centesdfdsf',
				}]
			});
		yutel.mod.modMainPanel.superclass.initComponent.call(this);
	}
})
var mainPanel = new yutel.mod.modMainPanel({width : window.screen.availWidth,height : window.screen.availHeight});
mainPanel.render('main');
function allComResize(){
    var w = Ext.getCmp('content-panel').getActiveTab().getInnerWidth();  
    var h = Ext.getCmp('content-panel').getActiveTab().getInnerHeight(); 
    mainPanel.setWidth(w);
    mainPanel.setHeight(h);
}
var oTime;
window.onresize = function() {
    if (oTime) {
        clearTimeout(oTime);
    }
    oTime = setTimeout("allComResize()", 100); //延迟100毫秒执行
}

    });        
</script>
<div id='main'></div>
 </body>
</html>


